
<script type="text/html" data-help-name="ui-gauge">
    <h3>Properties</h3>
    <dl class="message-properties">
        <dt>Type <span class="property-type">half | 3/4</span></dt>
        <dd>Defines the shape of the gauge, "Tile", "Half Gauge" or "3/4 Gauge".</dd>
        <dt>Style <span class="property-type">rounded | needle</span></dt>
        <dd>Defines the style of arc rendered, "Needle" or "Rounded". Not available for "Tile".</dd>
        <dt>Range <span class="property-type">number</span></dt>
        <dd>The smallest and largest values that can be rendered on the gauge</dd>
        <dt>Segments <span class="property-type">list</span></dt>
        <dd>Collection of objects that define the relevant color for a given value</dd>
        <dt>Label <span class="property-type">list</span></dt>
        <dd>The title text shown above the gauge</dd>
    </dl>
    <h3>Properties (Half &amp; 3/4 Gauges Only)</h3>
    <dl class="message-properties">
        <dt>Prefix <span class="property-type">str</span></dt>
        <dd>Text to be added <i>before</i> the value in the middle of the gauge.</dd>
        <dt>Suffix <span class="property-type">str</span></dt>
        <dd>Text to be added <i>after</i> the value in the middle of the gauge.</dd>
        <dt>Units <span class="property-type">str</span></dt>
        <dd>Small text to be shown below the value in the middle of the gauge.</dd>
        <dt>Sizes (Gauge) <span class="property-type">number</span></dt>
        <dd>A numerical value, in pixels, that defines the thickness of the arc and backdrop rendered.</dd>
        <dt>Sizes (Gap) <span class="property-type">number</span></dt>
        <dd>A numerical value, in pixels, that defines the gap between the arc and the segments.</dd>
        <dt>Sizes (Segments) <span class="property-type">number</span></dt>
        <dd>A numerical value, in pixels, that defines the thickness of the segments rendered in the gauge.</dd>
    </dl>
</script>